<template>
	<view class="warp">
		<view class="part_first">
			<view class="title">
				主办方
			</view>
			<view class="image_list">
				<view @click="toshop(item)" class="item" v-for="(item,index) in listone" :key="index">
					<image style="width: 198rpx; height: 129rpx;" :src="item.logo" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="part_first">
			<view class="title">
				承办单位
			</view>
			<view class="image_list">
				<view @click="toshop(item)" class="item" v-for="(item,index) in listtwo" :key="index">
					<image style="width: 198rpx; height: 129rpx;" :src="item.logo" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="part_first">
			<view class="title">
				媒体单位
			</view>
			<view class="image_list">
				<view @click="toshop(item)" class="item" v-for="(item,index) in listfive" :key="index">
					<image style="width: 198rpx; height: 129rpx;" :src="item.logo" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="part_first">
			<view class="title">
				晚宴冠名
			</view>
			<view class="image_list">
				<view @click="toshop(item)" class="item" v-for="(item,index) in listthree" :key="index">
					<image style="width: 198rpx; height: 129rpx;" :src="item.logo" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="part_secord">
			<view class="title">
				协办单位
			</view>
			<view class="image_list">
				<view @click="toshop(item)" class="item" v-for="(item,index) in listfour" :key="index">
					<image style="width: 147rpx; height: 92rpx;" :src="item.logo" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="part_three">
			<view class="title">
				支持单位
			</view>
			<view class="image_list">
				<view class="item" v-for="(item,index) in supportshop" :key="index">
					<!-- <image style="width: 196rpx; height: 129rpx;" src="./01.png" mode="aspectFill"></image> -->
				{{item.shopname}}
				</view>
			</view>
		</view>
		<view class="zanzhunum">
			<view class="content">
				<uni-icons color="#fff" type="eye" size="20"></uni-icons>
		           <view class="num">
		           	<span>浏览量:</span>
					<span>{{looknum.viewsZzNum}}</span>
		           </view>
			</view>
		</view>
		<view class="bottom" style="">
			<image style="width: 100%;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/beijing01.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listone:[
					{shopname:'安徽省地坪协会',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/13.png',storeId:'400002'}
				],
				listtwo:[
					{shopname:'广州嘉宝莉地坪材料有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/07.png',storeId:'390002'}
				],
				listthree:[
					{shopname:'阜阳格莱美标识标牌有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/04.png',storeId:'390004'},
					{shopname:'合肥立美装饰材料有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/08.png',storeId:'390003'}
				],
				listfour:[
					{shopname:'圣威特有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/12.png',storeId:'380003'},
					{shopname:'上海耐齐建材有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/11.png',storeId:'390005'},
					{shopname:'上海宜邦丽新材料有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/14.png',storeId:'390006'},
					{shopname:'上海鲁工建材有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/09.png',storeId:'390009'},
					{shopname:'湖南优冠体育材料有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/08.png',storeId:'390008'},
					{shopname:'戴凯勒有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/01.png',storeId:'390004'},
					{shopname:'西卡（中国）有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/15.png',storeId:'390009'},
					{shopname:'无锡绿舒坦人造草坪',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/10.png',storeId:'440002'},
					{shopname:'上海港奇建材有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/03.png',storeId:'430004'},
					{shopname:'护航者',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/06.png',storeId:''},
				],
				listfive:[
					{shopname:'东之策企业咨询（上海）有限公司',logo:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/02.png',storeId:''}
				],
				supportshop:[
					{shopname:'上海集丰复合材料有限公司'},
					{shopname:'常州市丽烨制桶有限公司'},
					{shopname:'北京星途新材料有限公司'},
					{shopname:'马鞍山鑫荣新材料科技有限公司'},
					{shopname:'苏州天常建材有限公司'},
					{shopname:'安徽湿云科技集团有限公司'},
					{shopname:'施贝化学（中国）有限公司'},
					{shopname:'安徽灿华新型建材有限公司'},
					{shopname:'安徽太木新材料有限公司'},
					{shopname:'浙江世明光学科技有限公司'},
					{shopname:'三门鸿先橡塑有限公司'},
					{shopname:'安徽哈喽建材装饰工程有限公司'},
					{shopname:'河北宇森网类制品有限公司'},
					{shopname:'上海台丰实业发展有限公司'},
					{shopname:'安徽喜宝高分子材料有限公司'},
					{shopname:'上海韩驰化工有限公司'},
					{shopname:'杭州纳财机械设备有限公司'},
					{shopname:'上海亚遥工程机械有限公司'},
					{shopname:'四川鹏程新材料科技有限公司'},
					{shopname:'常州新世邦佳明化工有限公司'},
					{shopname:'合肥亨斯迈化工科技集团有限公司'},
					{shopname:'上海震立化工有限公司'},
					{shopname:'上海博尔泰工业产品设计有限公司'},
					{shopname:'安徽飞艳颜料有限公司'},
					{shopname:'上海雅牧机械科技有限公司'},
					{shopname:'安徽名图环保材料科技有限公司'},
					{shopname:'塑驰新型材料（江苏）有限公司'},
					{shopname:'安徽星美特建材科技有限公司'},
					{shopname:'上海正欧实业有限公司'},
					{shopname:'上海维度化工科技有限公司'},
					{shopname:'上海率土涂料有限公司'},
					{shopname:'安徽惠井科技集团有限公司'},
					{shopname:'南京淳鼎高分子材料有限公司'},
					{shopname:'南通鸿博涂装工程有限公司'},
					{shopname:'宝丰县远达地坪工程有限公司'},
					{shopname:'苏州梅果望地坪材料有限公司'},
					{shopname:'衡水澳德彩建筑装饰材料有限公司'},
					{shopname:'树勋（上海）环保建材有限公司'},
					{shopname:'苏州工业园区鸿坤环境科技有限公司'},
					{shopname:'安徽酩九汇酒业有限公司（古井）'},
					{shopname:'圣图（上海）漆业有限公司'},
					{shopname:'杭州西米欧新材料集团有限公司'},
					{shopname:'安徽蓝色经典新材料科技有限公司'},
					{shopname:'舜坦(上海)新材料有限公司'},
					{shopname:'安徽嘉世腾科技集团有限公司'},
					{shopname:'安徽创大环氧地坪装饰有限公司'},
					{shopname:'安徽驰耐邦体育产业有限公司'},
					
					

					 
				],//支持单位
				looknum:{},
				id:''
			};
		},
		onLoad(e) {
			this.id=e.id
			this.addnum()
			this.getlooknum()
		},
		methods:{
			addnum(){
				this.$request({
					url:'v3/activity/front/activity/view/add/count',
					method:'GET',
					data:{
						activityId:this.id,
						viewsType:'3'
					}
				})
			},
			// 获取浏览量
			getlooknum(){
			  this.$request({
				  url:'v3/activity/front/activity/view/count',
				  method:'GET',
				  data:{activityId:this.id}
			  }).then(res=>{
				  this.looknum=res.data
			  })	
			},
			toshop(val){
				if(val.storeId){
					this.$Router.push({
						path:'/standard/store/shopHomePage',
						query:{vid:val.storeId}
					})
				}
				
			}
			
		}
	}
</script>

<style lang="scss" scoped>
page{
			width: 750rpx;
			margin: 0 auto;
			background: #F5F5F5;
			overflow: hidden;
		}
		.warp{
			width: 750rpx;
			// height: 1300rpx;
			background-image: url('https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/shoplog/beijing.png');
			// background-size: 750rpx 100%;
			background-size: cover;
			background-position: center;
		
			.part_first{
					padding: 10rpx 20rpx;
				// text-align: center;
				margin-top: 20rpx;
				.title{
					font-size: 36rpx;
					color: #dde187;
					// color:#f9eacd;
				}
				.image_list{
					margin-top: 20rpx;
					display: flex;
					text-align: center;
					// align-items: center;
					// justify-content: space-between;
					.item{
						margin-right: 20rpx;
						// width: 246rpx;
						// height: 162rpx;
						// background-color: #dde187;
					}
				}
			}
			.part_secord{
					padding: 10rpx 20rpx;
				margin-top: 20rpx;
				.title{
					font-size: 36rpx;
					color: #dde187;
					// color:#f9eacd;
				}
				.image_list{
					margin-top: 20rpx;
					display: flex;
					flex-wrap: wrap;
					// justify-content: space-between;
					.item{
						margin-bottom: 10rpx;
						margin-right: 20rpx;
						// margin-right: 20rpx;
						// width: 246rpx;
						// height: 162rpx;
						// background-color: #dde187;
					}
				}
			}
			.part_three{
					padding: 10rpx 20rpx;
				margin-top: 20rpx;
				.title{
					font-size: 36rpx;
					color: #dde187;
					// color:#f9eacd;
				}
				.image_list{
					margin-top: 20rpx;
					display: flex;
					flex-wrap: wrap;
					// justify-content: space-between;
					.item{
						width: 320rpx;
						// background-color: #fff;
						margin-bottom: 10rpx;
						padding: 10rpx 0rpx;
						border-radius: 6rpx;
						font-size: 24rpx;
						margin-right: 30rpx;
						color: #ffffff;
						// width: 246rpx;
						// height: 162rpx;
						// background-color: #dde187;
					}
				}
			}
			.zanzhunum{
				position: fixed;
				top: 25%;
				right: 10rpx;
				.content{
					border-radius: 10rpx;
					padding: 10rpx;
					display: flex;
					align-items: center;
					background-color:rgba(0, 0, 0, 0.2);
					.num{
						margin-left: 10rpx;
						color: #fff;
					}
				}
			}
			.bottom{
				z-index: 999;
				// background-image: url('');
			}
		}
</style>
